<template>
  <div class="statistical-module">
    <div class="module-item" v-for="item in placeholder">
      <div class="item-num">{{ item.num }}</div>
      <div class="item-title">{{ item.title}}</div>
    </div>
    <!-- <el-input size="medium" disabled :placeholder="placeholder" /> -->
  </div>
</template>

<script>
import componentMinxins from "../form-config/component-minxins.js";

export default {
  mixins: [componentMinxins],
  name: "StatisticalModule",
  components: {},
  props: {
    config:{
      default: undefined
    },
    placeholder: {
      type: Array,
      default: () => {
        return [];
      }
    },
  },
  data() {
    return {};
  },
  methods: {

  },
};
</script>

<style scoped>
.statistical-module {
  display: flex;
  width: 100%;
  height: 60px;
}
.module-item {
  flex: 1;
  text-align: center;
}
.module-item>.item-num{
  padding: 4px;
  font-size: 1.2rem;
  color: black;
}
.module-item>.item-title{
}
</style>
